import SwiftUI

struct MapNotes: View {

  let mapSize: CGSize
  let lineWidth: CGFloat
  let notes: [Note]
  
  let maxWidth = 400.0
  

  var body: some View {
    ForEach(notes, id: \.id) { note in
      Text(note.text.replacingOccurrences(of: "\\n", with: "\n")).font(.theme.axisLabel)
        .padding(2.0)
        .background(.white)
        .foregroundColor(.map.labelColor)
        .border(Color.map.vertexColor, width: lineWidth)
        .frame(minWidth: 16.0, maxWidth: maxWidth, alignment: .topLeading)
        .offset(
          CGSize(
            width: w(note.position.x),
            height: h(note.position.y)
          )
        )
    }
  }

  func h(_ dimension: CGFloat) -> CGFloat {
    max(0.0, min(mapSize.height, dimension * mapSize.height / 100.0))
  }

  func w(_ dimension: CGFloat) -> CGFloat {
    max(0.0, min(mapSize.width, dimension * mapSize.width / 100.0))
  }
}

struct MapNotes_Previews: PreviewProvider {
  static var previews: some View {
    MapNotes(
      mapSize: CGSize(width: 400.0, height: 400.0), lineWidth: 1.0,
        notes: [
          Note(id: 0, position: CGPoint(x: 50.0, y: 50.0), text: "Notes can have a lot more text, so we need to make sure that they're resized correctly"),
        ])
  }
}